import { HomePage } from './../home/home';
import { StorageService } from './../../providers/StorageService';
import { nailerService } from './../../providers/nailerService';
import { BasePage } from './../basePage';
import { Component, Injector } from '@angular/core';
import { IonicPage, ActionSheetController, Events } from 'ionic-angular';
import { UserService } from './../../providers/UserService';
import { TabsPage } from '../tabs/tabs';


declare var layer;
declare var $: any
/**
 * Generated class for the AddPage page.
 *
 * See https://ionicframework.com/docs/components/#navigation for more info on
 * Ionic pages and navigation.
 */

@IonicPage()
@Component({
  selector: 'page-add',
  templateUrl: 'add.html',
})
export class AddPage extends BasePage {

  lastImage: any;
  userinfo: any
  servicelist: Array<any> = []; //用来放服务列表，用于下面跳转

  fileObjList = [
    // {thumbPath:''}
  ];
  serve1 = '';     //显示美图图片
  serve2 = '';     //显示服务图片
  serve3 = '';//显示帖子图片
  circle1Class = 'circle1';//发布美图
  circle2Class = 'circle2';//发布服务
  circle3Class = 'circle3';//发布帖子


  constructor(injector: Injector, public events: Events, public UserService: UserService, public stc: StorageService, public actionSheetCtrl: ActionSheetController, public nailerservice: nailerService, public storage: StorageService) {
    super(injector);
    this.userinfo = this.stc.read('userinfo');
    this.getShopBuyNailListAPI();
  }
  ionViewDidLoad() {
    //this.animate()
  }
  ionViewDidEnter() {


    // this.animate()
    // if(this.fileObjList!=[]){
    //   console.log(111111);
    //   this.navCtrl.push("AddImgPage");
    // }else{

    // }
    console.log(this.fileObjList);
    // console.log(222);

  }
  // ok(){
  //   this.navCtrl.push("AddImgPage");
  // }
  /** 返回 */
  diss() {
    this.navCtrl.pop();
    // this.navCtrl.push("HomePage");
  }
  /** 进入动画效果 */
  // animate() {
  //   $(".circle1").animate({ bottom: '50px' }, 500);
  //   $(".circle2").animate({ bottom: '50px' }, 700);
  //   $(".circle3").animate({ bottom: '50px' }, 900);
  // }
  /** 点击动画效果 */
  addServer1() {
    // $(".circle1").animate({
    //   top: '-470px',
    //   left: '-470px',
    //   right: '-470px',
    //   bottom: '-470px',
    //   height: '1000px',
    //   width: '1000px',

    // }, 200);
    // $(".circle1 > img").animate({
    //   bottom: '50px',
    //   top: '-57%',
    //   left: '28%',
    //   right: '50%',
    //   height: '60px',
    //   width: '60px',
    // }, 300);
    //this.navCtrl.push("AddImgPage");
    let modal = this.modalCtrl.create("AddImgPage");
    modal.onDidDismiss(data => {

    });
    modal.present();
  }
  addServer2() {
    // $(".circle2 > img").animate({
    //   top: '-470px',
    //   left: '-470px',
    //   right: '-470px',
    //   bottom: '-470px',
    //   height: '1000px',`
    //   width: '1000px',

    // }, 200);
    // $(".circle2 > img").animate({
    //   bottom: '50px',
    //   top: '-57%',
    //   left: '28%',
    //   right: '50%',
    //   height: '60px',
    //   width: '60px',
    // }, 300);
    this.userinfo = this.stc.read('userinfo');
    //console.log(this.userinfo['user_type']);
    if (this.userinfo == null) {
      //this.navCtrl.push("RegisterPage");

      let modal = this.modalCtrl.create("RegisterPage");
      modal.present();
      return false;
    } else if (this.userinfo['user_type'].indexOf(3) === -1) {
      let alert = this.alertCtrl.create({
        title: '提示',
        subTitle: '只有美甲店主可发布服务哦！',
        buttons: [
          {
            text: '看看其他',
            handler: data => {
            }
          },
          {
            text: '去认证美甲店主',
            handler: data => {
              console.log(data)
              // this.navCtrl.push('LoginPage', { callback: this.demo })
              // this.navCtrl.push('LoginPage',{about:this.about})
              // this.isToNail = false;
              // $('.naniler').remove();
              let modal = this.modalCtrl.create('ShopApprovePage')
              modal.onDidDismiss(data => {
              });
              modal.present();
            }
          }
        ]
      });
      alert.present();
      // let modal = this.modalCtrl.create("RegisterPage");
      // modal.onDidDismiss(data => {

      // });
      // modal.present();
      return false;
    } else {
      if (!this.servicelist.length) {
        this.alertCtrl.create({
          title: '提示',
          subTitle: '只有美甲店主可发布服务哦！',
          buttons: [
            {
              text: '看看其他',
              handler: data => {
              }
            },
            {
              text: '去发布新服务',
              handler: data => {
                let modal = this.modalCtrl.create("IssueImgPage", { type: 1 });
                modal.onDidDismiss(data => {

                });
                modal.present();
              }
            }
          ]
        }).present();

      } else {
        let modal = this.modalCtrl.create("ShopServicePage");
        modal.onDidDismiss(data => {

        });
        modal.present();
      }

      //this.navCtrl.push("IssueImgPage");
    }
  }
  addServer3() {
    // $(".circle3 > img").animate({
    //   top: '-470px',
    //   left: '-470px',
    //   right: '-470px',
    //   bottom: '-470px',
    //   height: '1000px',
    //   width: '1000px',

    // }, 200);
    // $(".circle3 > img").animate({
    //   bottom: '50px',
    //   top: '-57%',
    //   left: '28%',
    //   right: '50%',
    //   height: '60px',
    //   width: '60px',
    // }, 300);
    this.userinfo = this.stc.read('userinfo');
    //console.log(this.userinfo['user_type']);
    if (this.userinfo == null) {
      //this.navCtrl.push("RegisterPage");
      let modal = this.modalCtrl.create("RegisterPage");
      modal.present();
      return false;
    } else if (this.userinfo['user_type'].indexOf(2) === -1 && this.userinfo['user_type'].indexOf(3) === -1) {
      this.showAlert("同时拥有美甲师和美甲店主身份才可以发布帖子哦！")
      // let modal = this.modalCtrl.create("RegisterPage");
      // modal.onDidDismiss(data => {

      // });
      // modal.present();
      return false;
    } else {
      let modal = this.modalCtrl.create("PostPage");
      modal.onDidDismiss(data => {

      });
      modal.present();
    }

    //this.navCtrl.push("PostPage");
  }
  // presentActionSheetCamr(event) {
  //   this.userinfo = this.stc.read('userinfo');
  //   //console.log(this.userinfo['user_type']);
  //   if (this.userinfo == null) {
  //     //this.navCtrl.push("RegisterPage");
  //     let modal = this.modalCtrl.create("RegisterPage");
  //     modal.present();
  //     return false;
  //   } else if (this.userinfo['user_type'].indexOf(2) === -1) {
  //     this.showAlert("只有美甲师才可以发布美图哦！")
  //     // let modal = this.modalCtrl.create("RegisterPage");
  //     // modal.onDidDismiss(data => {

  //     // });
  //     // modal.present();
  //     return false;
  //   } else {
  //     this.returnapiimg(event);
  //     // let modal = this.modalCtrl.create("AddImgPage");
  //     // modal.onDidDismiss(data => {

  //     // });
  //     // modal.present();
  //     //this.navCtrl.push("AddImgPage",{returnImg:this.lastImage});
  //     // let actionSheet = this.actionSheetCtrl.create({
  //     //   title: '选择',
  //     //   buttons: [
  //     //     {
  //     //       text: '选择照片',
  //     //       handler: () => {

  //     //       }
  //     //     // }, {
  //     //     //   text: '从相册上传',
  //     //     //   handler: () => {
  //     //     //     // this.navCtrl.push("AddImgPage");
  //     //     //   }
  //     //     },

  //     //     {
  //     //       text: '取消',
  //     //       role: 'cancel',
  //     //       handler: () => {
  //     //         console.log('Cancel clicked');
  //     //       }
  //     //     }
  //     //   ]
  //     // });
  //     // actionSheet.present();
  //   }

  // }

  /**子页面返回处理数据 */
  returnapiimg(event) {
    console.log("我是父页面");
    console.log(event);
    this.userinfo = this.stc.read('userinfo');
    // //console.log(this.userinfo['user_type']);
    if (this.userinfo == null) {
      this.navCtrl.push("RegisterPage");
      return false;
      //   let modal = this.modalCtrl.create("RegisterPage");
      //   modal.present();
      //   return false;
      // } else if (this.userinfo['user_type'].indexOf(2) === -1) {
      //   this.showAlert("只有美甲师才可以发布美图哦！")
      //   // let modal = this.modalCtrl.create("RegisterPage");
      //   // modal.onDidDismiss(data => {

      //   // });
      //   // modal.present();
      //   return false;
      // } else {
      // if (event.length>0) {
      //   let toast = this.toastCtrl.create({
      //     message: event.msg,
      //     duration: 2000,
      //     position: 'top',
      //   })
      //   toast.present();
    } else if (this.userinfo['user_type'].indexOf(2) === -1) {
      let alert = this.alertCtrl.create({
        title: '提示',
        subTitle: '只有美甲师可发布美图哦！',
        buttons: [
          {
            text: '看看其他',
            handler: data => {
            }
          },
          {
            text: '去认证美甲师',
            handler: data => {
              console.log(data)
              // this.navCtrl.push('LoginPage', { callback: this.demo })
              // this.navCtrl.push('LoginPage',{about:this.about})
              // this.isToNail = false;
              // $('.naniler').remove();
              let modal = this.modalCtrl.create('TeacherNailPage')
              modal.onDidDismiss(data => {
              });
              modal.present();
            }
          }
        ]
      });
      alert.present();
      return false;
    } else {
      this.fileObjList = event[0];
      console.log(this.fileObjList)
      // console.log('我是data里面的数据' + this.fileObjList[0])
      // if (event.flagbs == 'circle1') {
      console.log('我后执行');
      let serve1 = this.fileObjList;
      console.log(serve1)
      this.navCtrl.push("AddImgPage", { serveImg: serve1 })
      // let modal = this.modalCtrl.create("AddImgPage", { serveImg: serve1 });
      // modal.onDidDismiss(data => {

      //   });
      //   modal.present();
      // }, 2000);

      // let modal = this.modalCtrl.create("AddImgPage", { serveImg: serve1 });
      // modal.onDidDismiss(data => {

      // });
      // modal.present();
      // return;
      // console.log('shop_loginname'+shop_logname);
      // this.userApi.shop_logo=shop_logname;
      // console.log('this.userApi.shop_logo'+this.userApi.shop_logo);
      // } else if (event.flagbs == 'circle2') {
      //   let serve2 = this.fileObjList[0];
      //   // this.userApi.backlogo=this.fileObjList[0];
      // } else if (event.flagbs == 'circle3') {
      //   let serve3 = this.fileObjList[0];
      // }
      // }
      // console.log(this.userApi);

    }
  }
  // returnapiimg(event) {
  //   console.log("我是父页面");
  //   console.log(event);
  //   this.userinfo = this.stc.read('userinfo');
  //   //console.log(this.userinfo['user_type']);
  //   if (this.userinfo == null) {
  //     //this.navCtrl.push("RegisterPage");

  //     let modal = this.modalCtrl.create("RegisterPage");
  //     modal.present();
  //     return false;
  //   } else {
  //     if (event.code != 1) {
  //       let toast = this.toastCtrl.create({
  //         message: event.msg,
  //         duration: 2000,
  //         position: 'top',
  //       })
  //       toast.present();
  //     } else {
  //       this.fileObjList = event.data;
  //       console.log('我是data里面的数据' + this.fileObjList[0])
  //       if (event.flagbs == 'circle1') {
  //         console.log('进来了');
  //         let serve1 = this.fileObjList[0];
  //         console.log(serve1)
  //         if (this.userinfo['user_type'].indexOf(2) === -1) {
  //           return this.showAlert("只有美甲美甲师才可以发布美图哦！")
  //         } else {
  //           let modal = this.modalCtrl.create("AddImgPage", { serveImg: serve1 });
  //           modal.onDidDismiss(data => {

  //           });
  //           modal.present();
  //         }

  //         // console.log('shop_loginname'+shop_logname);
  //         // this.userApi.shop_logo=shop_logname;
  //         // console.log('this.userApi.shop_logo'+this.userApi.shop_logo);
  //       } else if (event.flagbs == 'circle2') {
  //         let serve2 = this.fileObjList[0];
  //         if (this.userinfo['user_type'].indexOf(3) === -1) {
  //           return this.showAlert("只有美甲美甲店主才可以发布服务哦！")
  //         } else {
  //           let modal = this.modalCtrl.create("IssueImgPage", { serveImg: serve2 });
  //           modal.onDidDismiss(data => {

  //           });
  //           modal.present();

  //         }
  //         // this.userApi.backlogo=this.fileObjList[0];
  //       } else if (event.flagbs == 'circle3') {
  //         let serve3 = this.fileObjList[0];
  //         if (this.userinfo['user_type'].indexOf(3) === -1 && this.userinfo['user_type'].indexOf(3) === -1) {
  //           return this.showAlert("同时拥有美甲师和美甲店主身份才可以发布帖子哦！")
  //         } else {
  //           let modal = this.modalCtrl.create("PostPage", { serveImg: serve3 });
  //           modal.onDidDismiss(data => {

  //           });
  //           modal.present();
  //         }
  //       }

  //       // console.log(this.userApi);

  //     }
  //   }


  // }


  // /** 自动登录 */
  // async doLogin() {
  //   // let loader = this.loadingCtrl.create({
  //   //   content: "",
  //   // });
  //   // loader.present();

  //   this.userinfo['user_token'] = this.userinfo.user_id;
  //   console.log(this.userinfo);

  //   //请求后台登陆
  //   let result = await this.UserService.doLoginAPI(this.userinfo);
  //   console.log(result);
  //   // loader.dismiss();
  //   // if (result.code != 1) {
  //   //   this.showAlert('', result.msg);
  //   //   return;
  //   // }

  //   this.stc.write('userVo', result.data);
  // }


  /**获取发布列表 */
  async getShopBuyNailListAPI() {
    let param = { 'shop_id': this.userinfo['shop_id'] };
    let result = await this.nailerservice.getShopBuyNailListAPI(param);
    console.log(result)
    if (result.code != 1) {
      console.log(result)
      this.servicelist = [];
    } else {
      this.servicelist = result.data;
    }
  }
}
